import React, { Component } from 'react';
import "./index.css"
import topBg from '../../Res/join_top_bg.png'
import joinTitle from '../../Res/join_title.png'
import joinImage from '../../Res/join_img.png'
import Property from './Property';

class JoinUs extends Component {
    render() {
        return (
            <div className="JoinUs">
                <div className="TopBgImage">
                    <img alt="topImage" src={topBg}></img>
                </div>
                <img alt="title" src={joinTitle} className="JoinTitle"></img>
                <button className="JoinBtn">申请加盟 》</button>
                <div className="Card">
                    <div className="JoinAsideContent">
                        <img alt="join" src={joinImage} className="JoinAsideImage"></img>
                        <div style={{ flex: 2, textAlign: "left", padding: "1.6rem 2.6rem" }}>
                            <Property>
                                <p>生鲜购物，尽在农心海祝，农心海祝是以家庭“菜篮子”“米袋子”为聚焦点，重构食材、食品产业供应链，确保为家庭、客户提供严选的“健康、安全、新鲜、实惠、”的食材、食品。是线上线下内容联动的一站式全品类食材网。</p>
                                <p>用户可放心进行选购。 使您在家就可以品尝到绿色健康的高品质食材，拥有全品类食材选购体验。</p>
                                <p>使您在家就可以品尝到绿色健康的高品质食材，拥有全品类食材选购体验。</p>
                            </Property>              

                            <Property name="运营方式">
                            </Property>              

                            <Property name="加盟优势">
                            </Property>              

                        </div>
                    </div>
                </div>
            </div>
        );
    }
}

export default JoinUs;